@charset "utf-8";
/* CSS Document */

*{ font-family:"Microsoft Yahei";  -webkit-font-smoothing:antialiased !important;}
body,dl,dd,h1,h2,h3,h4,h5,h6,p,from{margin:0;} ol,ul,li{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
input,img,textarea{ border:none; border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;}
body > .qing{ min-width:1250px;}
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 
a:focus{ -moz-outline-style: none; /* FF */ }
img, input{ border:0;}
input,textarea,select {outline:none;} 
textarea{ resize:none;}/*防止textarea放大时，三个斜线被放大*/
ul li{ list-style:none;}
.qing{ overflow:hidden; display:block; clear:both; }
.center{ width:1250px; overflow:hidden; display:block; margin-left:auto; margin-right:auto;}
.lf{ overflow:hidden; display:block; float:left;}
.rf{ overflow:hidden; display:block; float:right;}
.song{ font-family:"宋体" !important;}
.shu141 img, .shu121 img{ margin:15px; }

/**背景音乐**/
/**背景图片**/
.content{ position: fixed; z-index:-1; left:0; top:0; width:100%; height:100%; }
.Bgbox{ position: absolute; width:100%; height:100%; left:0; top:0; }
.background-image{ width:100%; position:absolute; height:100%; position:relative; }
.background-image img{ position:absolute; left:0; top:0; }
.background-image img{
animation:bgbg 20s linear infinite alternate both;
-webkit-animation:bgbg 20s linear infinite alternate both; 
-moz-animation:bgbg 20s linear infinite alternate both; 
-o-animation:bgbg 20s linear infinite alternate both;
}
@keyframes bgbg
{0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
100%{ transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}}
@-webkit-keyframes bgbg
{0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
100%{ transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}}
@-moz-keyframes bgbg
{0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
100%{ transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}}
@-o-keyframes bgbg
{0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
100%{ transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}}


/********************************************************- index.html -*************************************************************/
/**- 头部 -**/
.header{ height:0; position:relative; z-index:10; overflow:visible; }
.hea_jie{ width:100%; height:200px; position:absolute; top:0; left:0; z-index:12; background:url(../images/hea_bg.png) left top repeat-x; }
/*.hea_jie{
	animation:heaj 0.8s ease-out 0s 1;
	-webkit-animation:heaj 0.8s ease-out 0s 1;
	-moz-animation:heaj 0.8s ease-out 0s 1;
	-o-animation:heaj 0.8s ease-out 0s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	top:0;
}
@keyframes heaj{
0%{ opacity:1; top:-200px; }
100%{ opacity:1; top:0; }
}
@-webkit-keyframes heaj{
0%{ opacity:1; top:-200px; }
100%{ opacity:1; top:0; }
}
@-moz-keyframes heaj{
0%{ opacity:1; top:-200px; }
100%{ opacity:1; top:0; }
}
@-o-keyframes heaj{
0%{ opacity:1; top:-200px; }
100%{ opacity:1; top:0; }
}*/

.logo{ width:200px; height:200px; position:relative; z-index:13; margin-left:auto; margin-right:auto; }
.logo_jie{ width:200px; height:200px; position:absolute; top:0; left:0; z-index:14; background:url(../images/logoj.png) center top no-repeat; }
/*.logo_jie{
	animation:logoj 0.8s ease-out 0.3s 1;
	-webkit-animation:logoj 0.8s ease-out 0.3s 1;
	-moz-animation:logoj 0.8s ease-out 0.3s 1;
	-o-animation:logoj 0.8s ease-out 0.3s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	top:0;
}
@keyframes logoj{
0%{ opacity:1; top:-200px; }
100%{ opacity:1; top:0; }
}
@-webkit-keyframes logoj{
0%{ opacity:1; top:-200px; }
100%{ opacity:1; top:0; }
}
@-moz-keyframes logoj{
0%{ opacity:1; top:-200px; }
100%{ opacity:1; top:0; }
}
@-o-keyframes logoj{
0%{ opacity:1; top:-200px; }
100%{ opacity:1; top:0; }
}*/

.logo1{ width:73px; height:73px; position:absolute; top:11px; left:63px; z-index:15; }
/*.logo1{
	animation:logo1 0.6s ease-out 1s 1;
	-webkit-animation:logo1 0.6s ease-out 1s 1;
	-moz-animation:logo1 0.6s ease-out 1s 1;
	-o-animation:logo1 0.6s ease-out 1s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg);
}
@keyframes logo1{
0%{ opacity:1; transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); }
100%{ opacity:1; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); }
}
@-webkit-keyframes logo1{
0%{ opacity:1; transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); }
100%{ opacity:1; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); }
}
@-moz-keyframes logo1{
0%{ opacity:1; transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); }
100%{ opacity:1; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); }
}
@-o-keyframes logo1{
0%{ opacity:1; transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); }
100%{ opacity:1; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); }
}*/

.logo2{ width:200px; height:34px; position:absolute; top:92px; left:0; z-index:15; }
/*.logo2{
	animation:logo2 0.6s ease-out 1s 1;
	-webkit-animation:logo2 0.6s ease-out 1s 1;
	-moz-animation:logo2 0.6s ease-out 1s 1;
	-o-animation:logo2 0.6s ease-out 1s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	left:0;
}
@keyframes logo2{
0%{ opacity:0; left:-200px; }
100%{ opacity:1; left:0; }
}
@-webkit-keyframes logo2{
0%{ opacity:0; left:-200px; }
100%{ opacity:1; left:0; }
}
@-moz-keyframes logo2{
0%{ opacity:0; left:-200px; }
100%{ opacity:1; left:0; }
}
@-o-keyframes logo2{
0%{ opacity:0; left:-200px; }
100%{ opacity:1; left:0; }
}*/


.logo3{ width:200px; height:20px; position:absolute; top:129px; right:0; z-index:15; }
/*.logo3{
	animation:logo3 0.6s ease-out 1s 1;
	-webkit-animation:logo3 0.6s ease-out 1s 1;
	-moz-animation:logo3 0.6s ease-out 1s 1;
	-o-animation:logo3 0.6s ease-out 1s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	right:0;
}
@keyframes logo3{
0%{ opacity:0; right:-200px; }
100%{ opacity:1; right:0; }
}
@-webkit-keyframes logo3{
0%{ opacity:0; right:-200px; }
100%{ opacity:1; right:0; }
}
@-moz-keyframes logo3{
0%{ opacity:0; right:-200px; }
100%{ opacity:1; right:0; }
}
@-o-keyframes logo3{
0%{ opacity:0; right:-200px; }
100%{ opacity:1; right:0; }
}*/


.nav{ background:url(../images/nat.jpg) right center no-repeat; }
.nav li{ overflow:hidden; display:block; float:left; }
.nav li a{ width:120px; height:30px; overflow:hidden; display:block; position:relative; z-index:15; background:url(../images/nat.jpg) left center no-repeat; }
.na1{ width:100%; height:30px; overflow:hidden; display:block; position:absolute; top:0; left:0; font-size:16px; color:#000; line-height:30px; text-align:center; }
.na1{
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.nav li a:hover .na1, .nav li.nann a .na1{ top:-30px; }
.na2{ width:100%; height:30px; overflow:hidden; display:block; position:absolute; top:30px; left:0; font-size:16px; color:#2880ed; line-height:30px; text-align:center;  }
.na2{
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.nav li a:hover .na2, .nav li.nann a .na2{ top:0; }


.ht1{ width:50%; height:6px; background:#458be1; position:absolute; top:0; left:0; z-index:12; }
.ht1 span{ width:100%; height:6px; position:absolute; top:0; left:0; z-index:13; background:#f2f2f2; }
.ht1 span{
	animation:ht1 2.5s ease-out 1.1s 1;
	-webkit-animation:ht1 2.5s ease-out 1.1s 1;
	-moz-animation:ht1 2.5s ease-out 1.1s 1;
	-o-animation:ht1 2.5s ease-out 1.1s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	width:0;
}
@keyframes ht1{
0%{ opacity:1; width:100%; }
100%{ opacity:1; width:0; }
}
@-webkit-keyframes ht1{
0%{ opacity:1; width:100%; }
100%{ opacity:1; width:0; }
}
@-moz-keyframes ht1{
0%{ opacity:1; width:100%; }
100%{ opacity:1; width:0; }
}
@-o-keyframes ht1{
0%{ opacity:1; width:100%; }
100%{ opacity:1; width:0; }
}

.ht2{ width:0; height:6px; background:#458be1; position:absolute; top:0; left:50%; z-index:12; }
.ht2{
	animation:ht2 2.5s ease-out 1.1s 1;
	-webkit-animation:ht2 2.5s ease-out 1.1s 1;
	-moz-animation:ht2 2.5s ease-out 1.1s 1;
	-o-animation:ht2 2.5s ease-out 1.1s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	width:50%;
}
@keyframes ht2{
0%{ opacity:1; width:0; }
100%{ opacity:1; width:50%; }
}
@-webkit-keyframes ht2{
0%{ opacity:1; width:0; }
100%{ opacity:1; width:50%; }
}
@-moz-keyframes ht2{
0%{ opacity:1; width:0; }
100%{ opacity:1; width:50%; }
}
@-o-keyframes ht2{
0%{ opacity:1; width:0; }
100%{ opacity:1; width:50%; }
}

/**- banner -**/
.banner{ position:relative; z-index:8; }
.main_visual{overflow:hidden; display:block; position:relative; }
.main_image{height:670px;margin-top: 145px; overflow:hidden; display:block; position:relative;}
.main_image ul{width:9999px; overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:581px; }
.main_image li a{ overflow:hidden; display:block; height:581px;}
.flicking_con{ height:14px; margin-top:-110px; margin-left:auto; margin-right:auto; position:relative; z-index:15;}
.flicking_con a{float:left;width:14px;height:14px; padding:0; margin:0 3px; display:block; background:url(../images/btn1.png) center center no-repeat; background-size:14px 14px; }
.flicking_con a:hover{ background:url(../images/btn2.png) center center no-repeat;}
.flicking_con a.on{ background:url(../images/btn2.png) center center no-repeat;}

#btn_prev,#btn_next{z-index:20;position:absolute;display:block;width:74px!important;height:74px!important;top:285px;display:none;}
#btn_prev{ background:url(../images/banner_zuo.png) left top no-repeat; left:4%;}
#btn_next{ background:url(../images/banner_you.png) right top no-repeat; right:4%;}


/**- 课程 -**/
.demopage{ width:1260px; height:221px; overflow:hidden; display:block; margin-right:-10px; position:relative; z-index:21;  }
#marquee1{ width:1260px; height:221px; overflow:hidden; margin-left:auto; margin-right:auto; position:relative; z-index:22; }
#marquee1 ul li{float:left;width:180px; height:221px; position:relative; z-index:10; left:60px;  }
#goL{ width:20px; height:32px; padding:80px 0; position:absolute; z-index:24; top:0; left:0; }
#goR{ width:20px; height:32px; padding:80px 0; position:absolute; z-index:24; top:0; right:10px; }

.ke{ background:#ededed; padding-top:30px; padding-bottom:17px; }
.ke_jie ul{ margin-left:-4px; }
.ke_jie ul{ margin-right:-10px; }
.ke_jie li{ width:180px; height:221px; position:relative; z-index:10; left:60px; }

.ke_jie li.k1{
	animation:k1 0.6s ease-out 0s 1;
	-webkit-animation:k1 0.6s ease-out 0s 1;
	-moz-animation:k1 0.6s ease-out 0s 1;
	-o-animation:k1 0.6s ease-out 0s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1; left:0;
}
.ke_jie li.k2{
	animation:k1 0.6s ease-out 0.4s 1;
	-webkit-animation:k1 0.6s ease-out 0.4s 1;
	-moz-animation:k1 0.6s ease-out 0.4s 1;
	-o-animation:k1 0.6s ease-out 0.4s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1; left:0;
}
.ke_jie li.k3{
	animation:k1 0.6s ease-out 0.8s 1;
	-webkit-animation:k1 0.6s ease-out 0.8s 1;
	-moz-animation:k1 0.6s ease-out 0.8s 1;
	-o-animation:k1 0.6s ease-out 0.8s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1; left:0;
}
.ke_jie li.k4{
	animation:k1 0.6s ease-out 1.2s 1;
	-webkit-animation:k1 0.6s ease-out 1.2s 1;
	-moz-animation:k1 0.6s ease-out 1.2s 1;
	-o-animation:k1 0.6s ease-out 1.2s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1; left:0;
}
.ke_jie li.k5{
	animation:k1 0.6s ease-out 1.6s 1;
	-webkit-animation:k1 0.6s ease-out 1.6s 1;
	-moz-animation:k1 0.6s ease-out 1.6s 1;
	-o-animation:k1 0.6s ease-out 1.6s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1; left:0;
}
.ke_jie li.k6{
	animation:k1 0.6s ease-out 2s 1;
	-webkit-animation:k1 0.6s ease-out 2s 1;
	-moz-animation:k1 0.6s ease-out 2s 1;
	-o-animation:k1 0.6s ease-out 2s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1; left:0;
}
.ke_jie li.k7{
	animation:k1 0.6s ease-out 2.4s 1;
	-webkit-animation:k1 0.6s ease-out 2.4s 1;
	-moz-animation:k1 0.6s ease-out 2.4s 1;
	-o-animation:k1 0.6s ease-out 2.4s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1; left:0;
}
.ke_jie li.k8,.ke_jie li.k9,.ke_jie li.k10,.ke_jie li.k11,.ke_jie li.k12,.ke_jie li.k13,.ke_jie li.k14,.ke_jie li.k15,.ke_jie li.k16,.ke_jie li.k17,.ke_jie li.k18,.ke_jie li.k19,.ke_jie li.k20,.ke_jie li.k21,.ke_jie li.k22,.ke_jie li.k23,.ke_jie li.k24,.ke_jie li.k25,.ke_jie li.k26,.ke_jie li.k27,.ke_jie li.k28,.ke_jie li.k29,.ke_jie li.k30,.ke_jie li.k31,.ke_jie li.k32,.ke_jie li.k33,.ke_jie li.k34,.ke_jie li.k35,.ke_jie li.k36,.ke_jie li.k37,.ke_jie li.k38,.ke_jie li.k39,.ke_jie li.k40{
	animation:k1 0.6s ease-out 0s 1;
	-webkit-animation:k1 0.6s ease-out 0s 1;
	-moz-animation:k1 0.6s ease-out 0s 1;
	-o-animation:k1 0.6s ease-out 0s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1; left:0;
}
@keyframes k1{ 0%{ opacity:0; left:60px; } 100%{ opacity:1; left:0; } }
@-webkit-keyframes k1{ 0%{ opacity:0; left:60px; } 100%{ opacity:1; left:0; } }
@-moz-keyframes k1{ 0%{ opacity:0; left:60px; } 100%{ opacity:1; left:0; } }
@-o-keyframes k1{ 0%{ opacity:0; left:60px; } 100%{ opacity:1; left:0; } }


.ke01{ width:166px; height:221px; position:absolute; top:0; left:4px; z-index:11; }
.ke01{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.ke_jie li:hover .ke01{ top:-100px; }

.ke_img{ width:122px; height:122px; padding-top:18px; position:relative; z-index:12; margin-left:auto; margin-right:auto; }
.ke1{ width:122px; height:122px; position:relative; z-index:13; }
.k1 .ke1{
	animation:ke1 0.6s ease-out 0.6s 1;
	-webkit-animation:ke1 0.6s ease-out 0.6s 1;
	-moz-animation:ke1 0.6s ease-out 0.6s 1;
	-o-animation:ke1 0.6s ease-out 0.6s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k2 .ke1{
	animation:ke1 0.6s ease-out 1s 1;
	-webkit-animation:ke1 0.6s ease-out 1s 1;
	-moz-animation:ke1 0.6s ease-out 1s 1;
	-o-animation:ke1 0.6s ease-out 1s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k3 .ke1{
	animation:ke1 0.6s ease-out 1.4s 1;
	-webkit-animation:ke1 0.6s ease-out 1.4s 1;
	-moz-animation:ke1 0.6s ease-out 1.4s 1;
	-o-animation:ke1 0.6s ease-out 1.4s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k4 .ke1{
	animation:ke1 0.6s ease-out 1.8s 1;
	-webkit-animation:ke1 0.6s ease-out 1.8s 1;
	-moz-animation:ke1 0.6s ease-out 1.8s 1;
	-o-animation:ke1 0.6s ease-out 1.8s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k5 .ke1{
	animation:ke1 0.6s ease-out 2.2s 1;
	-webkit-animation:ke1 0.6s ease-out 2.2s 1;
	-moz-animation:ke1 0.6s ease-out 2.2s 1;
	-o-animation:ke1 0.6s ease-out 2.2s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k6 .ke1{
	animation:ke1 0.6s ease-out 2.6s 1;
	-webkit-animation:ke1 0.6s ease-out 2.6s 1;
	-moz-animation:ke1 0.6s ease-out 2.6s 1;
	-o-animation:ke1 0.6s ease-out 2.6s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k7 .ke1{
	animation:ke1 0.6s ease-out 3s 1;
	-webkit-animation:ke1 0.6s ease-out 3s 1;
	-moz-animation:ke1 0.6s ease-out 3s 1;
	-o-animation:ke1 0.6s ease-out 3s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
@keyframes ke1{ 
0%{ opacity:1; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); } 
100%{ opacity:1; transform:rotateZ(-180deg); -webkit-transform:rotateZ(-180deg); -moz-transform:rotateZ(-180deg); -o-transform:rotateZ(-180deg); } 
}
@-webkit-keyframes ke1{
0%{ opacity:1; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); } 
100%{ opacity:1; transform:rotateZ(-180deg); -webkit-transform:rotateZ(-180deg); -moz-transform:rotateZ(-180deg); -o-transform:rotateZ(-180deg); } 
}
@-moz-keyframes ke1{
0%{ opacity:1; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); } 
100%{ opacity:1; transform:rotateZ(-180deg); -webkit-transform:rotateZ(-180deg); -moz-transform:rotateZ(-180deg); -o-transform:rotateZ(-180deg); } 
}
@-o-keyframes ke1{
0%{ opacity:1; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); } 
100%{ opacity:1; transform:rotateZ(-180deg); -webkit-transform:rotateZ(-180deg); -moz-transform:rotateZ(-180deg); -o-transform:rotateZ(-180deg); } 
}



.ke2{ width:122px; height:122px; position:absolute; z-index:13; top:18px; left:0; }
.k1 .ke2{
	animation:ke2 0.6s ease-out 0.6s 1;
	-webkit-animation:ke2 0.6s ease-out 0.6s 1;
	-moz-animation:ke2 0.6s ease-out 0.6s 1;
	-o-animation:ke2 0.6s ease-out 0.6s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k2 .ke2{
	animation:ke2 0.6s ease-out 1s 1;
	-webkit-animation:ke2 0.6s ease-out 1s 1;
	-moz-animation:ke2 0.6s ease-out 1s 1;
	-o-animation:ke2 0.6s ease-out 1s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k3 .ke2{
	animation:ke2 0.6s ease-out 1.4s 1;
	-webkit-animation:ke2 0.6s ease-out 1.4s 1;
	-moz-animation:ke2 0.6s ease-out 1.4s 1;
	-o-animation:ke2 0.6s ease-out 1.4s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k4 .ke2{
	animation:ke2 0.6s ease-out 1.8s 1;
	-webkit-animation:ke2 0.6s ease-out 1.8s 1;
	-moz-animation:ke2 0.6s ease-out 1.8s 1;
	-o-animation:ke2 0.6s ease-out 1.8s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k5 .ke2{
	animation:ke2 0.6s ease-out 2.2s 1;
	-webkit-animation:ke2 0.6s ease-out 2.2s 1;
	-moz-animation:ke2 0.6s ease-out 2.2s 1;
	-o-animation:ke2 0.6s ease-out 2.2s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k6 .ke2{
	animation:ke2 0.6s ease-out 2.6s 1;
	-webkit-animation:ke2 0.6s ease-out 2.6s 1;
	-moz-animation:ke2 0.6s ease-out 2.6s 1;
	-o-animation:ke2 0.6s ease-out 2.6s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k7 .ke2{
	animation:ke2 0.6s ease-out 3s 1;
	-webkit-animation:ke2 0.6s ease-out 3s 1;
	-moz-animation:ke2 0.6s ease-out 3s 1;
	-o-animation:ke2 0.6s ease-out 3s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
@keyframes ke2{ 
0%{ opacity:1; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); } 
100%{ opacity:1; transform:rotateZ(90deg); -webkit-transform:rotateZ(90deg); -moz-transform:rotateZ(90deg); -o-transform:rotateZ(90deg); } 
}
@-webkit-keyframes ke2{
0%{ opacity:1; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); } 
100%{ opacity:1; transform:rotateZ(90deg); -webkit-transform:rotateZ(90deg); -moz-transform:rotateZ(90deg); -o-transform:rotateZ(90deg); } 
}
@-moz-keyframes ke2{
0%{ opacity:1; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); } 
100%{ opacity:1; transform:rotateZ(90deg); -webkit-transform:rotateZ(90deg); -moz-transform:rotateZ(90deg); -o-transform:rotateZ(90deg); } 
}
@-o-keyframes ke2{
0%{ opacity:1; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); } 
100%{ opacity:1; transform:rotateZ(90deg); -webkit-transform:rotateZ(90deg); -moz-transform:rotateZ(90deg); -o-transform:rotateZ(90deg); } 
}

.ke3{ width:122px; height:122px; position:absolute; z-index:14; top:18px; left:0; }
.k1 .ke3{
	animation:ke3 0.6s ease-out 0.6s 1;
	-webkit-animation:ke3 0.6s ease-out 0.6s 1;
	-moz-animation:ke3 0.6s ease-out 0.6s 1;
	-o-animation:ke3 0.6s ease-out 0.6s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k2 .ke3{
	animation:ke3 0.6s ease-out 1s 1;
	-webkit-animation:ke3 0.6s ease-out 1s 1;
	-moz-animation:ke3 0.6s ease-out 1s 1;
	-o-animation:ke3 0.6s ease-out 1s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k3 .ke3{
	animation:ke3 0.6s ease-out 1.4s 1;
	-webkit-animation:ke3 0.6s ease-out 1.4s 1;
	-moz-animation:ke3 0.6s ease-out 1.4s 1;
	-o-animation:ke3 0.6s ease-out 1.4s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k4 .ke3{
	animation:ke3 0.6s ease-out 1.8s 1;
	-webkit-animation:ke3 0.6s ease-out 1.8s 1;
	-moz-animation:ke3 0.6s ease-out 1.8s 1;
	-o-animation:ke3 0.6s ease-out 1.8s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k5 .ke3{
	animation:ke3 0.6s ease-out 2.2s 1;
	-webkit-animation:ke3 0.6s ease-out 2.2s 1;
	-moz-animation:ke3 0.6s ease-out 2.2s 1;
	-o-animation:ke3 0.6s ease-out 2.2s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k6 .ke3{
	animation:ke3 0.6s ease-out 2.6s 1;
	-webkit-animation:ke3 0.6s ease-out 2.6s 1;
	-moz-animation:ke3 0.6s ease-out 2.6s 1;
	-o-animation:ke3 0.6s ease-out 2.6s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
.k7 .ke3{
	animation:ke3 0.6s ease-out 3s 1;
	-webkit-animation:ke3 0.6s ease-out 3s 1;
	-moz-animation:ke3 0.6s ease-out 3s 1;
	-o-animation:ke3 0.6s ease-out 3s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
@keyframes ke3{ 
0%{ opacity:1; transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); } 
100%{ opacity:1; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); } 
}
@-webkit-keyframes ke3{
0%{ opacity:1; transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); } 
100%{ opacity:1; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); }
}
@-moz-keyframes ke3{
0%{ opacity:1; transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); } 
100%{ opacity:1; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); }
}
@-o-keyframes ke3{
0%{ opacity:1; transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); } 
100%{ opacity:1; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); }
}

.ke_bt{ padding-top:13px; font-size:16px; color:#262626; line-height:30px; text-align:center; }

.ke02{ width:180px; height:221px; position:absolute; top:-221px; left:0; z-index:20; }
.ke02{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.ke_jie li:hover .ke02{ top:0; }

.ke_title{ width:126px; height:152px; padding:0 20px; background:#FFF; position:absolute; top:0; left:4px; z-index:22;  }
.ke_ti{ padding-top:22px; height:20px; font-size:12px; color:#2e2e2e; line-height:20px; }
.ke_ti:hover{ color:#4a95f2; }
.ke_jian{ padding-top:7px; height:80px; font-size:12px; color:#8e8e8e; line-height:20px; }

.ke_more{ width:166px; height:58px; position:absolute; top:152px; left:4px; z-index:22; }
.km_bg{ width:166px; height:58px; }
.km_bg{
	animation: kmbg 3s linear 0s infinite alternate;
	-moz-animation: kmbg 3s linear 0s infinite alternate;
	-webkit-animation: kmbg 3s linear 0s infinite alternate;
	-o-animation: kmbg 3s linear 0s infinite alternate;
}
@keyframes kmbg{
0%{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
100% { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25);}
}

@-moz-keyframes kmbg{
0%{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
100% { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25);}
}

@-webkit-keyframes kmbg{
0%{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
100% { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25);}
}

@-o-keyframes kmbg{
0%{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
100% { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25);}
}

.km{ width:32px; height:32px; position:absolute; top:12px; left:26px; z-index:23; }
.ke_jie li:hover .km{
	animation:km 0.8s ease-out 0.3s 1;
	-webkit-animation:km 0.8s ease-out 0.3s 1;
	-moz-animation:km 0.8s ease-out 0.3s 1;
	-o-animation:km 0.8s ease-out 0.3s 1;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	opacity:1;
}
@keyframes km{ 
0%{ opacity:1; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); } 
100%{ opacity:1; transform:rotateZ(360deg); -webkit-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg); -o-transform:rotateZ(360deg); } 
}
@-webkit-keyframes km{
0%{ opacity:1; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); } 
100%{ opacity:1; transform:rotateZ(360deg); -webkit-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg); -o-transform:rotateZ(360deg); } 
}
@-moz-keyframes km{
0%{ opacity:1; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); } 
100%{ opacity:1; transform:rotateZ(360deg); -webkit-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg); -o-transform:rotateZ(360deg); } 
}
@-o-keyframes km{
0%{ opacity:1; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); } 
100%{ opacity:1; transform:rotateZ(360deg); -webkit-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg); -o-transform:rotateZ(360deg); } 
}

.ky{ width:180px; height:221px; position:absolute; top:0; left:0; z-index:21;  opacity:0; filter:alpha(opacity=0); }
.ky{
	-webkit-transition: all 0.4s linear 0.35s;
	-moz-transition: all 0.4s linear 0.35s;
	-o-transition: all 0.4s linear 0.35s;
	transition: all 0.4s linear 0.35s;
}
.ke_jie li:hover .ky{ opacity:1; }

.kt1{ width:1px; height:0; background:#4a95f2; position:absolute; bottom:69px; left:4px; z-index:25; }
.kt1{
	-webkit-transition: all 0.4s linear 0.35s;
	-moz-transition: all 0.4s linear 0.35s;
	-o-transition: all 0.4s linear 0.35s;
	transition: all 0.4s linear 0.35s;
}
.ke_jie li:hover .kt1{ height:152px; }
.kt2{ width:0; height:1px; background:#4a95f2; position:absolute; top:0; left:4px; z-index:25; }
.kt2{
	-webkit-transition: all 0.4s linear 0.35s;
	-moz-transition: all 0.4s linear 0.35s;
	-o-transition: all 0.4s linear 0.35s;
	transition: all 0.4s linear 0.35s;
}
.ke_jie li:hover .kt2{ width:166px; }
.kt3{ width:1px; height:0; background:#4a95f2; position:absolute; top:0; left:169px; z-index:25; }
.kt3{
	-webkit-transition: all 0.4s linear 0.35s;
	-moz-transition: all 0.4s linear 0.35s;
	-o-transition: all 0.4s linear 0.35s;
	transition: all 0.4s linear 0.35s;
}
.ke_jie li:hover .kt3{ height:152px; }

/**- 新闻，企业介绍 -**/
.shao{ background:#FFF; }
.shao .center{ height:435px; position:relative; z-index:10; }
.xin{ width:836px; height:356px; background:#5497eb; position:absolute; top:200px; left:0; z-index:12; }

.tabPanel{ width:768px; height:284px; padding:36px 0; overflow:hidden; display:block; position:relative; z-index:13; margin-left:auto; margin-right:auto; }
.xin_menu{ height:40px; }
.xin_menu li{ width:134px; height:40px; position:relative; overflow:hidden; display:block; float:left; cursor:pointer !important; }
.x1{ width:130px; height:36px; position:absolute; top:0; left:0; border:2px solid #1d74da; font-size:16px; color:#FFF; line-height:36px; text-align:center; cursor:pointer !important }
.x1{
	-webkit-transition: all 0.15s linear 0s;
	-moz-transition: all 0.15s linear 0s;
	-o-transition: all 0.15s linear 0s;
	transition: all 0.15s linear 0s;
}
.x2{ width:130px; height:36px; position:absolute; top:40px; left:0; border:2px solid #1d74da; font-size:16px; color:#FFF; line-height:36px; text-align:center; background:#1d74da; cursor:pointer !important }
.x2{
	-webkit-transition: all 0.15s linear 0s;
	-moz-transition: all 0.15s linear 0s;
	-o-transition: all 0.15s linear 0s;
	transition: all 0.15s linear 0s;
}
.xin_menu li.hit .x1{ top:-40px; }
.xin_menu li.hit .x2{ top:0; }

.panes{ overflow:hidden; display:block; height:213px; padding-top:31px; }
.pane{ display:none; }
.xin_jie{ width:422px; height:244px; }
.xin_bt{ height:22px; font-size:16px; color:#FFF; line-height:22px; }
.xin_bt:hover{ color:#f9d84d; }
.xin_jian{ height:48px; padding-top:10px; font-size:12px; color:#c7e0ff; line-height:24px; }
.xin_jian:hover{ color:#f9d84d; }
.pane ul{ padding-top:17px; }
.pane li{ height:36px; border-bottom:1px solid #76b1f9; }
.pane li a{ width:325px; font-size:12px; color:#FFF; line-height:36px; }
.pane li:hover a{ color:#f9d84d; }
.pane li span{ width:80px; font-size:12px; color:#FFF; line-height:36px; }
.xin_img{ width:291px; height:191px; border:10px solid #FFF; }

.xin_more{ width:122px; height:31px; position:absolute; top:35px; right:33px; z-index:14; }
.xin1{ width:122px; height:31px; position:absolute; top:0; right:0; }
.xin2{ width:49px; height:17px; position:absolute; bottom:0; right:15px; }

.qi{ width:352px; height:316px; padding:20px; position:absolute; top:37px; right:414px; background:#ededed; opacity:0; filter:alpha(opacity=0); }
.qi_jie{ height:314px; padding:0 28px; border:1px solid #FFF; }
.qi_bt{ padding-top:23px; font-size:14px; color:#a8a8a8; line-height:24px; text-align:center; }
.qi_bt span{ font-size:22px; color:#272c40; line-height:28px; text-align:center; }
.qi_jian{ height:140px; padding-top:25px; font-size:12px; color:#4d4d4d; line-height:24px; }
.qi_jian{
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.qi_jian:hover{ color:#5497eb; }
.qi_more{ padding-top:20px; }
.qi_more a{ width:110px; height:34px; position:relative; margin-left:auto; margin-right:auto; }
.qi_more a span{ padding-left:7px; }
.q1{ width:106px; height:30px; position:absolute; top:0; left:0; border:2px solid #5497eb; font-size:12px; color:#1d74da; line-height:30px; text-align:center; }
.q1{
	-webkit-transition: all 0.15s linear 0s;
	-moz-transition: all 0.15s linear 0s;
	-o-transition: all 0.15s linear 0s;
	transition: all 0.15s linear 0s;
}
.qi_more a:hover .q1{ top:-34px; }
.q2{ width:106px; height:30px; position:absolute; top:34px; left:0; border:2px solid #5497eb; font-size:12px; color:#FFF; line-height:30px; text-align:center; background:#5497eb; }
.q2{
	-webkit-transition: all 0.15s linear 0s;
	-moz-transition: all 0.15s linear 0s;
	-o-transition: all 0.15s linear 0s;
	transition: all 0.15s linear 0s;
}
.qi_more a:hover .q2{ top:0; }

.base{ height:550px; background:#d6e5f6; position:relative; z-index:10; border-bottom:1px solid #FFF; }
.bzuo{ width:50%; height:473px; position:absolute; top:38px; left:-10%; z-index:12; opacity:0; filter:alpha(opacity=0); }
.bzuo .bimg{ float:right; margin-right:210px; }
.bimg{ width:415px; height:473px; overflow:hidden; display:block; }

.main_visual2{height:473px; overflow:hidden; display:block; position:relative; }
.main_image2{height:473px; overflow:hidden; display:block; position:relative;}
.main_image2 ul{width:9999px; overflow:hidden;position:absolute;top:0;left:0}
.main_image2 li{float:left;width:100%;height:473px; }
.main_image2 li a{ overflow:hidden; display:block; height:473px;}

.bzhong .main_visual2{ width:420px; height:282px; overflow:hidden; display:block; position:absolute; bottom:0; left:0; }
.bzhong .main_image2{height:282px; overflow:hidden; display:block; position:relative; }
.bzhong .main_image2 ul{width:9999px; overflow:hidden;position:absolute; top:71px; left:0; height:211px; }
.bzhong .main_image2 li{float:left;width:100%;height:211px; }
.bzhong .main_image2 li a{ overflow:hidden; display:block; height:211px;}
#btn_prev2,#btn_next2{z-index:20;position:absolute;display:block; width:67px; height:32px!important;top:0;display:block; }
#btn_prev2{ width:67px; background:url(../images/btn3.jpg) left top no-repeat; left:140px; }
#btn_prev2{
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
#btn_prev2:hover{ background:url(../images/btn03.jpg) left top no-repeat; }
#btn_next2{ width:68px; background:url(../images/btn4.jpg) left top no-repeat; left:207px; }
#btn_next2{
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
#btn_next2:hover{ background:url(../images/btn04.jpg) left top no-repeat; }

.byou{ width:50%; height:473px; position:absolute; top:38px; left:60%; z-index:12; opacity:0; filter:alpha(opacity=0);}
.byou .bimg{ float:left; margin-left:210px; }

.bzhong{ width:420px; height:473px; position:absolute; top:-511px; left:50%; margin-left:-210px; z-index:14; opacity:0; filter:alpha(opacity=0); }
.b_jie{ height:262px; background:#FFF; padding:0 50px; }
.b_jian{ height:44px; padding-top:13px; font-size:12px; color:#8d8d8d; line-height:22px; text-align:center; }
.b_jian{
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.b_jian:hover{ color:#fc5c2c; }
.bzhong .bimg{ width:420px; height:211px; }

/**- 底部 -**/
.footer{ background:#272c40; padding-top:46px; z-index:2; }
.footer .center{ padding-bottom:36px; }
.fo_zuo{ width:390px; margin-right:20px; }
.fo_zuo td{ font-size:12px; color:#9ea2b4; line-height:28px; }
.fo_you{ width:397px; }
.fo_ma{ width:119px; padding-top:6px; }
.ma_img{ width:117px; height:123px; padding-top:6px; border:1px solid #444a60; }
.ma_img span{ width:99px; height:108px; padding:0 3px; padding-top:3px; margin-left:auto; margin-right:auto; background:url(../images/ma_bg.png) center top no-repeat; }
.ma_bt{ width:86px; margin-left:auto; margin-right:auto; margin-top:-11px; font-size:12px; color:#a1b1d2; line-height:20px; text-align:center; background:#272c40; }
.fo_tel{ width:207px; }
.tel_jie{ height:78px; border-bottom:1px solid #3d4255; }
.tel_img{ width:44px; height:44px; padding-top:10px; }
.tel_img{
	-webkit-transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	-o-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}
.tel_jie:hover .tel_img{ transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); }

.tel_bt{ width:152px; font-size:12px; color:#9ea2b4; line-height:22px; }
.tel_bt span{ padding-top:10px; padding-bottom:3px; font-size:18px; font-weight:bold; }
.fo_fu{ padding-top:22px; }
.fo_fu a{ width:147px; height:33px; position:relative; background:url(../images/fo_fu.png) center top no-repeat; }
.f1{ width:147px; height:33px; position:absolute; top:0; left:0; font-size:14px; color:#fffffe; line-height:32px; text-align:center; }
.f1{
	-webkit-transition: all 0.15s linear 0s;
	-moz-transition: all 0.15s linear 0s;
	-o-transition: all 0.15s linear 0s;
	transition: all 0.15s linear 0s;
}
.fo_fu a:hover .f1{ top:-33px; }
.f2{ width:147px; height:33px; position:absolute; top:33px; left:0; font-size:14px; color:#fffffe; line-height:32px; text-align:center; }
.f2{
	-webkit-transition: all 0.15s linear 0s;
	-moz-transition: all 0.15s linear 0s;
	-o-transition: all 0.15s linear 0s;
	transition: all 0.15s linear 0s;
}
.fo_fu a:hover .f2{ top:0; }

.copyright{ padding:15px 0; border-top:1px solid #393e52; font-size:12px; color:#777a89; line-height:24px; }
.footer .copyright .center{ padding-bottom:0; }
.bll{ width:200px; text-align:right; }
.bll a{ font-size:12px; color:#777a89; line-height:24px; }
.bll a:hover{ color:#a1b1d2;}

/***********************about********************/
.jdmc{ line-height:26px; font-size:16px; color:#FFF; padding-bottom:10px;}
.nyban{ height:344px; position:relative;}
.nywz{ overflow:hidden; width:100%; position:absolute; top:145px; z-index:11;}
.nymc{ line-height:36px; font-size:24px; color:#FFF; line-height:74px;}
.wz{ line-height:26px; padding:28px 0 0; font-size:12px; color:#FFF;}
.wz span{ font-family:"宋体";}
.wz a, .wz a:visited{ color:#FFF;}
.ny-line{ height:1px; width:100%; background:rgba(255,255,255,0.5);}
.erj{ display:block; padding-top:33px;}
.erj a{ display:block; float:left; padding:0 34px; overflow:hidden; height:38px; margin-right:20px; line-height:38px; border:2px solid #FFF; font-size:18px; } .erj a div{ display:block; position:relative; height:38px;top:0; cursor:pointer;}
.erm1{ color:#fff;} .erm2{ color:#000;}
.erm1, .erm2, .erj a{
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.erj a.ernn, .erj a:hover{ background: #FFF; color:#000;}
.erj a.ernn .erm1, .erj a.ernn .erm2, .erj a:hover .erm1, .erj a:hover .erm2{top:-38px;}

.netok{ height:50px;}
.abtuk{ border:1px solid #9ea9b4; width:401px; height:456px; padding:8px; position:relative; z-index:1; margin:1px !important; float:left;}
.abtu{ width:401px; height:456px; overflow:hidden; z-index:4;}
.abtu img{ display:block; position:relative; z-index:5;}
.abj1, .abj2, .abj3, .abj4{ position:absolute; z-index:2; display:block;}
.abj1{ top:-2px; left:-2px;}
.abj2{ top:-2px; right:-2px;}
.abj3{ bottom:-2px; left:-2px;}
.abj4{ bottom:-2px; right:-2px;}
.abj1{
	animation:abj1 0.8s linear both;
	-webkit-animation:abj1 0.8s linear both;
	-moz-animation:abj1 0.8s linear both;
	-o-animation:abj1 0.8s linear both;
}
@keyframes abj1
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; top:10px; left:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; top:-2px; left:-2px;} }
@-webkit-keyframes abj1
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; top:10px; left:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; top:-2px; left:-2px;} }
@-moz-keyframes abj1
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; top:10px; left:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; top:-2px; left:-2px;} }
@-o-keyframes abj1
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; top:10px; left:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; top:-2px; left:-2px;} }

.abj2{
	animation:abj2 0.8s linear both;
	-webkit-animation:abj2 0.8s linear both;
	-moz-animation:abj2 0.8s linear both;
	-o-animation:abj2 0.8s linear both;
}
@keyframes abj2
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; top:10px; right:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; top:-2px; right:-2px;} }
@-webkit-keyframes abj2
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; top:10px; right:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; top:-2px; right:-2px;} }
@-moz-keyframes abj2
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; top:10px; right:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; top:-2px; right:-2px;} }
@-o-keyframes abj2
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; top:10px; right:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; top:-2px; right:-2px;} }

.abj3{
	animation:abj3 0.8s linear both;
	-webkit-animation:abj3 0.8s linear both;
	-moz-animation:abj3 0.8s linear both;
	-o-animation:abj3 0.8s linear both;
}
@keyframes abj3
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; bottom:10px; left:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; bottom:-2px; left:-2px;} }
@-webkit-keyframes abj3
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; bottom:10px; left:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; bottom:-2px; left:-2px;} }
@-moz-keyframes abj3
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; bottom:10px; left:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; bottom:-2px; left:-2px;} }
@-o-keyframes abj3
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; bottom:10px; left:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; bottom:-2px; left:-2px;} }

.abj4{
	animation:abj4 0.8s linear both;
	-webkit-animation:abj4 0.8s linear both;
	-moz-animation:abj4 0.8s linear both;
	-o-animation:abj4 0.8s linear both;
}
@keyframes abj4
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; bottom:10px; right:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; bottom:-2px; right:-2px;} }
@-webkit-keyframes abj4
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; bottom:10px; right:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; bottom:-2px; right:-2px;} }
@-moz-keyframes abj4
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; bottom:10px; right:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; bottom:-2px; right:-2px;} }
@-o-keyframes abj4
{0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0;-o-opacity:0; bottom:10px; right:10px;} 
100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1;-o-opacity:1; bottom:-2px; right:-2px;} }

.abtu img{
	animation:abtu 4s linear infinite alternate both;
	-webkit-animation:abtu 4s linear infinite alternate both;
	-moz-animation:abtu 4s linear infinite alternate both;
	-o-animation:abtu 4s linear infinite alternate both;
}
@keyframes abtu
{0%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);} 
100%{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}}
@-webkit-keyframes abtu
{0%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);} 
100%{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}}
@-moz-keyframes abtu
{0%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);} 
100%{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}}
@-o-keyframes abtu
{0%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);} 
100%{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}}

.abnr{ float:right; width:790px; height:auto; }
.ab_ti{ float:left; clear:both; font-size:28px; color:#418aee; padding-bottom:10px; border-bottom:1px solid #c2cbd7; position:relative; margin-bottom:60px;}
.abline{ width:84px; height:2px; background:#2880ed; position:absolute; bottom:-1px; left:0;}
.abline{
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.abnr:hover .abline{ left:70%;}
.shu121{ line-height:26px; color:#4d4d4d; font-size:12px;}
.abnrq{ height:340px; border-right:2px solid #a5b3c5; position:relative; z-index:1;}
#sucai, #sucai2{ height:340px; padding-right:28px; margin-right:-3px; position:relative; z-index:3;}

/*******************************business************************************/
.topk{ height:226px;}
.bu-ti{ display:block; margin:0 auto; position:relative; z-index:4;}
.bu-tik{ height:110px; background:url(../images/bu-tik.png) center 15px no-repeat; position:relative;}
.jiant{ position: absolute; bottom:0; left:50%; margin-left:-15px;}
.jiant{
	animation:jiant 4s linear infinite both;
	-webkit-animation:jiant 4s linear infinite both;
	-moz-animation:jiant 4s linear infinite both;
	-o-animation:jiant 4s linear infinite both;
}
@keyframes jiant
{0%{transform: rotate(0deg); -ms-transform: rotate(0deg);	-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
60%{transform: rotate(0deg); -ms-transform: rotate(0deg);	-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg);	-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}}
@-webkit-keyframes jiant
{0%{transform: rotate(0deg); -ms-transform: rotate(0deg);	-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
60%{transform: rotate(0deg); -ms-transform: rotate(0deg);	-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg);	-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}}
@-moz-keyframes jiant
{0%{transform: rotate(0deg); -ms-transform: rotate(0deg);	-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
60%{transform: rotate(0deg); -ms-transform: rotate(0deg);	-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg);	-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}}
@-o-keyframes jiant
{0%{transform: rotate(0deg); -ms-transform: rotate(0deg);	-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
60%{transform: rotate(0deg); -ms-transform: rotate(0deg);	-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg);	-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}}

.bu-line, .bu-line2{ height:56px; width:50%; position:  absolute; z-index:2;}
.bu-line2{ left:50%;}
.bus_lin1{ display:block; height:56px; margin-right:114px;}
.bus_lin2{ display:block; height:56px; margin-left:114px;}
.bus_lin1 div{ height:56px; width:0%; float:right; background:url(../images/Bu_line1.png) right bottom no-repeat;}
.bus_lin2 div{ height:56px; width:0%; float:left; background:url(../images/Bu_line2.png) left bottom no-repeat;}
.bus_lin1 div, .bus_lin2 div{
	animation:bus_lin1 1s linear 0.5s both;
	-webkit-animation:bus_lin1 1s linear 0.5s both;
	-moz-animation:bus_lin1 1s linear 0.5s both;
	-o-animation:bus_lin1 1s linear 0.5s both;
}
@keyframes bus_lin1
{0%{ width:0%;} 100%{width:100%;}}
@-webkit-keyframes bus_lin1
{0%{ width:0%;} 100%{width:100%;}}
@-moz-keyframes bus_lin1
{0%{ width:0%;} 100%{width:100%;}}
@-o-keyframes bus_lin1
{0%{ width:0%;} 100%{width:100%;}}

/**业务列表**/
.buslb{ clear: both;}
.buslb li{ clear:both; margin-bottom:20px; background:#fff; padding:32px; position:relative; z-index:1;}
.bubg{ position:absolute; left:0; top:0; width:100%; height:0%; background:#205290; z-index:2;} 
.buxx{ display:block; width:1186px; position: relative; z-index:3;}
.bu-tu{ border:1px solid #979797; padding:10px; float:right; position:relative;}
.bu-tu span{
	position: absolute;
	background-color: #e5edf8;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
.line-1 {left:-1px; top:-1px; width:0%; height:1px;}
.line-2 {right:-1px; top:-1px; width:1px; height:0%;}
.line-3 {right:-1px; bottom:-1px; width:0%; height:1px;}
.line-4 {left:-1px; bottom:-1px; width:1px; height:0%;}
.buslb li:hover .line-1, .buslb li:hover .line-3{ width: 100%;}
.buslb li:hover .line-2, .buslb li:hover .line-4{height: 100%;}

.jtou{ background:#585858; width:33px; height:33px; overflow:hidden; position:relative;}
.jtoun{ width:33px; height:33px; position:absolute; left:0; top:0; background:url(../images/bu-jt1.png) center center no-repeat;}

.bubg, .jtou, .jtoun, .bujs_ti, .bujs_ti a, .bujs_tiline, .bujs_js a, .kan, .kan div{
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.bujs_tiline{transition-delay:0.2s; -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -ms-transition-delay:0.2s; -o-transition-delay:0.2s;}
.buslb li:hover .bubg{ height:100%;  }
.buslb li:hover .jtou{ background:#FFF;}
.buslb li:hover .jtoun{ background: url(../images/bu-jt2.png) center center no-repeat;}
.buslb li:hover .bujs_ti{ padding-left:15px;}
.buslb li:hover .bujs_ti a{ color:#FFF;}
.buslb li:hover .bujs_tiline{ width:100%;}
.buslb li:hover .bujs_js a{ color:#FFF;}
.buslb li:hover .kan{ border-color:#FFF;}
.buslb li:hover .kan div{ color:#FFF;}

.jtoun{
	animation:jtoun 2s linear infinite both;
	-webkit-animation:jtoun 2s linear infinite both;
	-moz-animation:jtoun 2s linear infinite both;
	-o-animation:jtoun 2s linear infinite both;
}
@keyframes jtoun
{0%{ left:-20%;}100%{ left:80%;}}
@-webkit-keyframes jtoun
{0%{ left:-20%;}100%{ left:80%;}}
@-moz-keyframes jtoun
{0%{ left:-20%;}100%{ left:80%;}}
@-o-keyframes jtoun
{0%{ left:-20%;}100%{ left:80%;}}

.bujs{ display:block; float:left; width:840px; margin-left:25px;}
.bujs_ti{ border-bottom:1px dashed #6e6e6e; padding-bottom:10px; position:relative; padding-right:30px; line-height:24px; font-size:20px; color:#000;}
.bujs_tiline{ height:0; width:0%; position:absolute; bottom:-1px; left:0; border-bottom:1px dashed #fff; }
.bujs_ti a, .bujs_ti a:visited{ color:#000;}
.bujs_js{ display:block; padding-right:65px; line-height:26px; font-size:12px; color:#4d4d4d; padding-top:24px; height:78px; padding-bottom:5px;}
.bujs_js a{ display: block; line-height:26px; font-size:12px; color:#4d4d4d; }
.kan{ display:block; width:92px; height:34px; border:1px solid #838383; overflow:hidden; text-align:center; line-height:34px; font-size:12px; color:#4d4d4d;}
.kan div{ display:block; clear: both; position:relative;top:0;}
.kan div{
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.kan:hover div{ top:-34px;}

/******************************news*******************************/
.xinw{ display:block; overflow:hidden; margin-left:-40px;}
.xinw li{ display:block; float:left; margin-bottom:40px; width:605px; margin-left:40px; height:137px;}
.dabgk{ width:137px; height:137px; position: absolute; z-index:6;}
.dabg{ display:block; position:absolute; left:0; top:0; width:137px; height:137px; background: url(../images/dabg.png) center center no-repeat; z-index:1;}
.dak{ position:relative; z-index:2; padding-top:34px;}
.dak span{ display:block; text-align:center;}
.da1{ height:44px; overflow:hidden; line-height:44px; font-size:36px; color:#000;}
.da2{ height:20px; overflow:hidden; line-height:20px; font-size:14px; color:#616c79;}
.da1 div, .da2 div{ position:relative; top:0;}
.nelb{ margin-left:69px; position:relative; z-index:1; border:1px solid #aebbc9; border-left: none; height:108px; padding:27px 25px 0 88px;}
.neti{ display:block; line-height:24px; color:#000; font-size:16px; padding-bottom:10px;}
.neti a, .neti a:visited{ color:#000;}
.nejs{ display:block; line-height:24px; font-size:12px; color:#717b88;}
.nejs a{ display:block;}
.nejs a, .nejs a:visited{ color:#717b88;}
.neline1, .neline2, .neline3{ display:block;
	position: absolute; z-index:6;
	background-color: #3585e7;
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.neline1{transition-delay:0; -webkit-transition-delay:0; -moz-transition-delay:0; -ms-transition-delay:0; -o-transition-delay:0;}
.neline2{transition-delay:0.4s; -webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; -o-transition-delay:0.4s; transition-duration:0.2s; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -ms-transition-duration:0.2s; -o-transition-duration:0.2s;}
.neline3{transition-delay:0.6s; -webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; -o-transition-delay:0.6s;}
.neline1 {left:-1px; top:-1px; width:0%; height:1px;}
.neline2 {right:-1px; top:-1px; width:1px; height:0%;}
.neline3 {right:-1px; bottom:-1px; width:0%; height:1px;}
.xinw li:hover .neline1, .xinw li:hover .neline3{ width: 100%;}
.xinw li:hover .neline2{height: 100%;}
.xinw li:hover .dabg{
	animation:dabg 1s linear both;
	-webkit-animation:dabg 1s linear both;
	-moz-animation:dabg 1s linear both;
	-o-animation:dabg 1s linear both;
	background:url(../images/dabg2.png) center center no-repeat; 
}
@keyframes dabg
{0%{background:url(../images/dabg.png) center center no-repeat;transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
100%{background:url(../images/dabg2.png) center center no-repeat; transform: rotateY(180deg); -ms-transform: rotateY(180deg);	-webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}}
@-webkit-keyframes dabg
{0%{background:url(../images/dabg.png) center center no-repeat;transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
100%{background:url(../images/dabg2.png) center center no-repeat; transform: rotateY(180deg); -ms-transform: rotateY(180deg);	-webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}}
@-moz-keyframes dabg
{0%{background:url(../images/dabg.png) center center no-repeat;transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
100%{background:url(../images/dabg2.png) center center no-repeat; transform: rotateY(180deg); -ms-transform: rotateY(180deg);	-webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}}
@-o-keyframes dabg
{0%{background:url(../images/dabg.png) center center no-repeat;transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
100%{background:url(../images/dabg2.png) center center no-repeat; transform: rotateY(180deg); -ms-transform: rotateY(180deg);	-webkit-transform: rotateY(360deg); -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}}

.da1, .da2, .neti a, .nejs a, .neti, .da1 div, .da2 div{
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.da1 div{{transition-delay:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s;}}
.da2 div{{transition-delay:0.5s; -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -ms-transition-delay:0.5s; -o-transition-delay:0.5s;}}
.xinw li:hover .da1, .xinw li:hover .da2{ color:#3585e7;}
.xinw li:hover .neti a, .xinw li:hover .nejs a{ color:#3585e7;}
.xinw li:hover .neti{ padding-left:10px;}
.xinw li:hover .da1 div { top:-44px;}
.xinw li:hover .da2 div{ top:-20px;}
/**翻页**/
.fanye{ width:133px; height:30px; border:1px solid #6f6f6f; background:#e7eef7; margin:0 auto;}
.fanye a{ display:block; width:66px; height:30px; overflow:hidden; float:left; margin-left:-1px; border-left:1px solid #6f6f6f; text-align:center; font-size:18px; color:#535353; font-family:"宋体";  font-weight:bold; line-height:30px;} .fanye a span{ display: block; position:relative; top:0;font-family:"宋体";}
.fanye a span{
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.fanye a:hover span{ top:-30px;}
.fanye a:hover{ color:#3585e7;}
.fanye a:visited{ color:#535353;}
/********************************contact************************************/
.mapbg{ background:url(../images/mapbg.jpg) center center no-repeat; height:700px;}
.mapbg .center{ display:block; padding-top:96px; overflow:visible;}
.conxx{ display:block; width:667px; height:503px; padding-top:100px; background:url(../images/conbg.png) left 100px no-repeat; margin-left:-4px;}
.con_ti{ padding:26px 37px 0; height:60px; line-height:36px; font-size:26px; color:#FFF;}
.connr{ margin:0 37px;}
.connr td{ height:87px; border-bottom:1px dashed #d4d4d4; line-height:20px; font-size:14px; color:#505050;}
/***************************** base *********************************/
.nybanjd{ height:280px;}
.dik{ width:130px; float:left;}
.jidi{ width:1090px; padding-top:5px; border-bottom:1px solid #8c8c8c; padding-bottom:40px; margin-bottom:40px;}
.hangt{ width:550px; height:auto; border-right:1px solid #a5b3c5;}
.jidh{ display:block; background:url(../images/bamc.png) left top no-repeat; height:107px; position:relative; margin-bottom:11px;}
.jidh img{ display:block; position:absolute; top:0; left:0; }
.jdmcz{ position:relative; top:35px; padding-left:20px;}
.jdmcz span{ display:block; color:#000;}
.jdmcz1{ font-size:24px; line-height:30px;}
.jdmcz2{ font-size:16px; line-height:22px;}
.jidix{ background:url(../images/bax.png) left top no-repeat; width:7px; height:0px; margin-left:50px;}

.jidix{
	animation:jidix 2s linear both;
	-webkit-animation:jidix 2s linear both;
	-moz-animation:jidix 2s linear both;
	-o-animation:jidix 2s linear both; }
@keyframes jidix
{0%{ height:0px;}100%{  height:258px;}}
@-webkit-keyframes jidix
{0%{ height:0px;}100%{  height:258px;}}
@-moz-keyframes jidix
{0%{ height:0px;}100%{  height:258px;}}
@-o-keyframes jidix
{0%{ height:0px;}100%{  height:258px;}}

.jd-tu{ width:490px; height:321px; border:1px solid #939393;}
.jidh1{
	animation:jidh1 4s linear infinite both;
	-webkit-animation:jidh1 4s linear infinite both;
	-moz-animation:jidh1 4s linear infinite both;
	-o-animation:jidh1 4s linear infinite both;
}
@keyframes jidh1
{0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
50%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg);	-webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}}
@-webkit-keyframes jidh1
{0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
50%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg);	-webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}}
@-moz-keyframes jidh1
{0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
50%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg);	-webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}}
@-o-keyframes jidh1
{0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
50%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg);	-webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}}

.jidh2{
	animation:jidh2 4s linear infinite both;
	-webkit-animation:jidh2 4s linear infinite both;
	-moz-animation:jidh2 4s linear infinite both;
	-o-animation:jidh2 4s linear infinite both;
}
@keyframes jidh2
{0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
50%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg);	-webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}}
@-webkit-keyframes jidh2
{0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
50%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg);	-webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}}
@-moz-keyframes jidh2
{0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
50%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg);	-webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}}
@-o-keyframes jidh2
{0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
50%{transform: rotateY(0deg); -ms-transform: rotateY(0deg);	-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg);	-webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}}


/**基地切换**/
.main_visual5{height:321px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image5{height:321px;overflow:hidden;position:relative;}
.main_image5 ul{width:9999px;height:321px;overflow:hidden;position:absolute;top:0;left:0}
.main_image5 li{float:left;width:100%;height:321px;}
.main_image5 li a{display:block;width:100%;height:321px;}
div.flicking_con5{position:absolute;top:0;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con5 a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con5 a.on{background-position:0 -21px}
#btn_prev5,#btn_next5{z-index:11111;position:absolute;display:block;width:36px!important;height:36px!important; background:#FFF; bottom:0;margin-top:-37px;display: block;}
#btn_prev5{background:url(../images/zz1.jpg) no-repeat left top;right:37px;}
#btn_next5{background:url(../images/zz2.jpg) no-repeat right top;right:0px;}
#btn_prev5:hover{ background:url(../images/zz10.jpg) no-repeat left top;}
#btn_next5:hover{ background:url(../images/zz20.jpg) no-repeat left top; }

.main_visual6{height:321px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image6{height:321px;overflow:hidden;position:relative;}
.main_image6 ul{width:9999px;height:321px;overflow:hidden;position:absolute;top:0;left:0}
.main_image6 li{float:left;width:100%;height:321px;}
.main_image6 li a{display:block;width:100%;height:321px;}
div.flicking_con6{position:absolute;top:0;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con6 a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con6 a.on{background-position:0 -21px}
#btn_prev6,#btn_next6{z-index:11111;position:absolute;display:block;width:36px!important;height:36px!important; background:#FFF; bottom:0;margin-top:-37px;display: block;}
#btn_prev6{background:url(../images/zz1.jpg) no-repeat left top; left:0px;}
#btn_next6{background:url(../images/zz2.jpg) no-repeat right top; left:37px;}
#btn_prev6:hover{ background:url(../images/zz10.jpg) no-repeat left top;}
#btn_next6:hover{ background:url(../images/zz20.jpg) no-repeat left top; }

/****************************business_view**********************************/
.bnybg{ background:url(../images/bnybg.png) left top repeat-y;}
.bulb{ width:215px; float:left; padding-top:30px; padding-bottom:60px; }
.bulb a{ display:block; position:relative; height:50px; line-height:50px; font-size:16px; color:#FFF; padding-left:30px; z-index:2;}
.bulb a span{ display:block; position:relative; z-index:3;}
.bulb a b{ position:absolute; z-index:1; width:0; height:100%; right:0; top:0; background:#FFF;}
.bulb a b, .bulb a{
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.bulb a.bunn b, .bulb a:hover b{ width:100%;}
.bulb a.bunn, .bulb a:hover{ color:#000; padding-left:35px;}
.bunr{ display:block; width:955px; padding:40px; padding-bottom:60px;}

/**业务切换**/
.buqie{ background: url(../images/bubgk.png) center top no-repeat; width:805px; height:282px; margin:0 auto 45px;}
.Focus{width:100%;position:relative;height:282px; }
.Focus .prev,.Focus .next{position:absolute;display:block; top:205px;width:65px;height:41px; filter:alpha(opacity=100);opacity:1;}
.Focus .prev{ right:65px; background:url(../images/zuoy1.jpg) center center no-repeat;}
.Focus .next{right:0px;background:url(../images/zuoy2.jpg) center center no-repeat;}
.FocusIn{width:429px;height:282px;position:relative;margin:0 auto;overflow:hidden;}
.FocusIn .bd li{vertical-align:middle;}
.FocusIn .bd li img{width:380px;height:255px;display:block;}
/******************************news_view*******************************/
.shu141{ font-size:14px; line-height:30px; color:#4d4d4d;}
.nnybg{ background:#FFF; padding:40px;}
.gjc{ display: block; border-bottom:1px solid #ddd; border-top:1px solid #ddd; text-align:center; padding:5px; line-height:26px; font-size:12px; color:#777; margin-bottom:30px; }
.gjc a, .gjc a:visited{ color:#777;}
.nenti{ display:block; line-height:34px; font-size:24px; color:#444; text-align:center; padding-bottom:10px;}
.fanpian{ padding-top:30px; }
.fanpian .lf{ width:800px;}
.fanpian a{ display:block; line-height:24px; font-size:12px; color:#777;}
.fanh{ width:100px; height:30px; overflow:hidden; float:right; border:1px solid #ddd; text-align:center; font-size:12px; color:#777; line-height:30px !important;} .fanh div{ position:relative; top:0;}
.fanh div, .fanh{
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.fanh:hover{ background:#5c99e5; border-color:#5c99e5; color:#FFF;}
.fanh:hover div{ position:relative; top:-30px;}
/********************************environment************************************/
.jdtu{ display:block; margin-left:-31px; overflow:hidden;}
.jdtu li{ display:block; float:left; width:273px; height:203px; border:1px solid #bfcad7; padding:5px 7px; margin-bottom:30px; margin-left:31px;}
.jdtu li a{ width:273px; height:203px; display:block; overflow:hidden;}
.jdtu li a img{ display:block; float:left; width:273px; height:203px;}
.jdtu li:hover a img{
	animation:jdtu 2s linear infinite alternate both;
	-webkit-animation:jdtu 2s linear infinite alternate both;
	-moz-animation:jdtu 2s linear infinite alternate both;
	-o-animation:jdtu 2s linear infinite alternate both;
}
@keyframes jdtu
{0%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);} 
100%{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}}
@-webkit-keyframes jdtu
{0%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);} 
100%{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}}
@-moz-keyframes jdtu
{0%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);} 
100%{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}}
@-o-keyframes jdtu
{0%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);} 
100%{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}}



.b_more{ padding-top:10px; }
.b_more a{ width:80px; height:26px; margin:0 auto; font-size:12px; color:#5497eb; line-height:26px; text-align:center; }
.b_more a span{ padding-left:5px; }



/**内页banner背景***/
.nyban, .nybanjd{
    animation:nyban 5s linear infinite alternate both;
	-webkit-animation:nyban 5s linear infinite alternate both;
	-moz-animation:nyban 5s linear infinite alternate both;
	-o-animation:nyban 5s linear infinite alternate both;
}
@keyframes nyban
{0%{ background-size:100%;} 
100%{background-size:110%}}
@-webkit-keyframes nyban
{0%{ background-size:100%;} 
100%{background-size:110%}}
@-moz-keyframes nyban
{0%{ background-size:100%;} 
100%{background-size:110%}}
@-o-keyframes nyban
{0%{ background-size:100%;} 
100%{background-size:110%}}
/****内容****/
.donghua{
animation:donghua 1s linear both;
-webkit-animation:donghua 1s linear both; 
-moz-animation:donghua 1s linear both; 
-o-animation:donghua 1s linear both;
}
@keyframes donghua
{0% {margin-top:400px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{margin-top:0px;  opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-webkit-keyframes donghua 
{0% {margin-top:400px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{margin-top:0px;  opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-moz-keyframes donghua
{0% {margin-top:400px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{margin-top:0px;  opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-o-keyframes donghua
{0% {margin-top:400px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{margin-top:0px;  opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}


/**- qq -**/
#RightAd{position:absolute;top:300px; right:10px;z-index:999999;}
.to-top{ width:45px; height:45px; line-height:45px; text-align:center; background:#cbcbcb; color:#fff; font-weight:bold; position:relative; }
.to-top .ico2{ width:12px; height:5px; position:absolute; top:-5px; left:18px; }
.side-bar-qq{ width:45px; height:45px; background:#2880ed; }
.side-bar-contact{ width:45px; height:45px; background:#2880ed; }
.to-top .ico2{ background-image:url(../images/ico2.png); background-position:-28px -2px;}
.side-bar-qq .ico2{ display:block; width:45px; height:45px; background:url(../images/index_right_qq.png) no-repeat 0 0; position:absolute; right:0; overflow:hidden; zoom:1; }
.side-bar-qq .ico2.hover{ height:45px; position:absolute; right:0; background:#2880ed url(../images/index_right_qq.png) no-repeat 0 0; overflow:hidden; zoom:1; }
.side-bar-qq .ico2.hover p{ display:block; display:inline; margin-top:0px; line-height:45px; float:left; color:#fff; font:14px/45px \5FAE\8F6F\96C5\9ED1; text-indent:50px; }
.side-bar-contact .ico2.hover{ height:45px; position:absolute; right:0; background:#2880ed url(../images/index_right_text.png) no-repeat 0 0; overflow:hidden; zoom:1; }
.side-bar-contact .ico2.hover i{ display:block; height:45px;}
.side-bar-contact .ico2.hover p{ display:block; display: block; float:left; color:#fff;   font-size:14px; text-indent:50px; }
.side-bar-contact .ico2{ display:block; width:45px; height:45px; background:url(../images/index_right_text.png) no-repeat 0 0; position:absolute; right:0; overflow:hidden; zoom:1; }
.side-bar{ width:45px; top:280px;}
.side-bar div{ margin:1px 0 0; float:right; cursor:pointer; }
.side-bar div p{ display:none; color:#fff; line-height:45px; }